export default {
  namespaced: true,
  state: () => ({
    isMobile: false,
    isCollapsed: false,
    drawerVisible: false,
    mainStyle: "left:200px;",
    showFileOrDirSize: true,
    showFileOrDirDate: true

  }),
  mutations: {
    setIsMobile(state, isMobile) {
      state.isMobile = isMobile
    },
    setIsCollapsed(state, isCollapsed) {
      state.isCollapsed = isCollapsed
    },
    setDrawerVisible(state, drawerVisible) {
      state.drawerVisible = drawerVisible
    },
    setMainStyle(state, mainStyle) {
      state.mainStyle = mainStyle
    },
    setShowFileOrDirSize(state, showFileOrDirSize) {
      state.showFileOrDirSize = showFileOrDirSize
    },
    setShowFileOrDirDate(state, showFileOrDirDate) {
      state.showFileOrDirDate = showFileOrDirDate
    }
  },
  getters: {
    isMobile: (state) => state.isMobile,
    isCollapsed: (state) => state.isCollapsed,
    drawerVisible: (state) => state.drawerVisible,
    mainStyle: (state) => state.mainStyle,
    showFileOrDirSize: (state) => state.showFileOrDirSize,
    showFileOrDirDate: (state) => state.showFileOrDirDate

  }
};
